<template>
  <div class="box">
    <div class="title" style="text-align: center">
      电影购票
    </div>
    <div class="swiper">
      <swiper/>
    </div>
    <film-header></film-header>
    <router-view/>
  </div>

</template>

<script>
import swiper from "@/components/swiper";
import FilmHeader from "@/components/FilmHeader";
export default {
components:{
  swiper,
  FilmHeader
}
}
</script>

<style scoped lang="scss">
.box{
  width: 100%;

}
.title{
  height: 2rem;
  line-height: 2rem;
  @media screen and (min-width: 480px) {
  height: 1rem;
    line-height: 1rem;
  }
}
</style>
